<template>
  <div class="top">
    <router-link to="/home"
      ><span class="iconfont icon-fangzi"></span
    ></router-link>
    <div class="logo">
      <img src="../../assets/images/hd-sfa8ad70b41-44d9a584e7.png" alt="" />
    </div>
    <div>
      <router-link to="/search"
        ><span class="iconfont icon-sousuo"></span
      ></router-link>
      <router-link to="/cart">
        <span class="iconfont icon-gouwuchekong"></span
      ></router-link>
    </div>
  </div>
</template>
<script  lang="ts">
export default{
  name:'WcjHeader'
}
</script>
<script setup lang="ts">
</script>
<style scoped>
.top {
  width: 355px;
  height: 44px;
  border-bottom: 1px solid #d9d9d9;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 8px;
  padding-right: 12px;
}
.top .logo {
  width: 86px;
  height: 27px;
}
.top .logo img {
  width: 100%;
  height: 100%;
  line-height: 27px;
  margin-left: 18px;
}
.top span {
  font-size: 25px;
  color: #505050;
}
.top  .icon-gouwuchekong{
  margin-left: 6px;
}
</style>